<!DOCTYPE html>
<html>
	<head>
		<!-- 设置浏览器不缓存 -->
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<META HTTP-EQUIV="expires" CONTENT="0">
		<!-- Content-Type -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- Favicon -->
		<link rel="shortcut icon" href="./images/logo.png">
		<title>企业服务共享中心</title>
		<!--stylesheets-->
		<link rel="stylesheet" href="./plugins/vant/index.css">
		<script src="./plugins/vue/vue.js"></script>
		<script src="./plugins/vant/vant.min.js"></script>
		<script src="./plugins/axios/axios.min.js"></script>
		<script src="./js/common/public.js?v=0.8.0.3"></script>
		<!-- 自定义样式表 -->
		<link rel="stylesheet" href="./css/base.css?v=0.8.0.3">

	</head>
	<style type="text/css">
		.vant-section-scroll {
			padding-bottom: 70px;
			padding-top: 0px;
		}

		.vant-section {
			overflow: scroll;
			-webkit-overflow-scrolling: touch;
			height: 100%;
		}

		.optionBar {
			height: 100px;
			width: 100%;
			position: fixed;
			bottom: 0;
		}
	</style>
	<body>
		<div id="app">
			<template>
				<section class="vant-section">
					<div class="vant-section-scroll">
						<van-nav-bar title="新申请">
							<span slot="left" @click="back()">
								<van-icon name="arrow-left" />
							</span>
						</van-nav-bar>
						<van-cell-group>
							<van-cell title="事务类型" is-link v-model="type"  @click="showPicker = true" />
						</van-cell-group>
						<van-popup v-model="showPicker" position="bottom">
							<van-picker  title="事务类型" :columns="columns" @change="onChange" @confirm="onConfirm"
							confirm-button-text="确认" cancel-button-text="取消" :show-toolbar='true' :default-index="2"/>
						</van-popup>
						<van-cell-group>
							<van-cell title="事务日期" is-link value="请选择日期" />
						</van-cell-group>
						<van-cell-group>
							<van-field v-model="value" type="textarea" label="事由" placeholder="请输入申请事由" input-align="right" autosize />
						</van-cell-group>
						<van-cell-group>
							<van-field v-model="value1" label="审批人" placeholder="请输入审批人" input-align="right" />
						</van-cell-group>
						<van-cell-group>
							<van-field v-model="value2" label="审批结果" placeholder="待审批" input-align="right" />
						</van-cell-group>
						<div class="optionBar">
							<van-button square type="info" size="large">提交审批</van-button>
						</div>
					</div>
				</section>
			</template>
		</div>
	</body>
	<script src="./js/ph_newapply.js"></script>
</html>
